.mcontent {
		width: 100%;
		min-width: 1280px;
		background: #f3f3f3;
	}
	
	.mcontent .content {
		width: 1280px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.mcontent .content .container {
		width: 100%;
		float: left;
		display: inline-block;
		overflow: hidden;
		box-sizing: border-box;
		height: 45px;
		margin-top: 45px;
		position: relative;
		cursor: pointer;
	}
	
	.marquee-sibling {
		padding: 0;
		background: #f3f3f3;
		width: 120px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		font-weight: normal;
		color: #BF925F;
		text-align: center;
		float: left;
		left: 0;
		z-index: 1;
	}
	
	.marquee,
	*[class^="marquee"] {
		display: inline-block;
		white-space: nowrap;
		position: absolute;
	}
	
	.marquee {
		margin-left: 120px;
	}
	
	.marquee-content-items {
		display: inline-block;
		padding: 5px;
		margin: 0;
		height: 45px;
		position: relative;
	}
	
	.marquee-content-items a:hover {
		color: #BF925F;
	}
	
	.marquee-content-items li {
		display: inline-block;
		line-height: 35px;
		color: #ccc;
		position: relative;
		left: -180px;
	}
	
	.marquee-content-items li:after {
		content: "|";
		margin: 0 1em;
	}
	
	@media only screen and (min-width: 100px) and (max-width: 800px) {
		.mcontent {
			width: 100%;
			min-width: 200px;
			background: #f3f3f3;
		}
		.mcontent .content {
			width: 100%;
			overflow: hidden;
			margin: 0 auto;
		}
		.mcontent .content .container {
			margin-top: 10px;
		}
		.marquee {
			margin-left: 80px;
		}
	}